<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome to MSHD!</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1091410_zwryxsfgd4.css">
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
     <script>
         var token_csrf = "{{ csrf_token }}";


        function func(value){
                //alert(value);
                /*$.ajax({
                headers: {"X-CSRFToken": token_csrf},
                type:"post",
                url:"/test_url/",
                /*contentType:"application/json; charset=UTF-8",
                data:{'data':JSON.stringify(value)},*/
                //data:{"data1": value},
                //success:function(arg){
                   /* $("#i3").val(arg)
                }
            })*/
        }


    </script>

</head>
<body>
<header class="header">
    <div class="header_right">
        <ul>
            <li class="show_list" >
                <a type="button" href="/" style="text-align:center;padding: 30px 30px 30px 30px;
                line-height: 60px;text-decoration: none;border: none;color:#ffffff;">首页</a></li>
            <li class="show_list" id="showList2">
                <span>人员伤亡及失踪</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="101"  onclick="func(this.name)">死亡</a>
                    <a type="button" name="102"  onclick="func(this.name)">受伤</a>
                    <a type="button" name="103"  onclick="func(this.name)">失踪</a>
                </ul>
                </div>
            </li>
            <li class="show_list" id="showList3">
                <span>房屋破坏</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="201"  onclick="func(this.name)">土木</a>
                    <a type="button" name="202" onclick="func(this.name)" >砖木</a>
                    <a type="button" name="203" onclick="func(this.name)" >砖混</a>
                     <a type="button" name="203"  onclick="func(this.name)">框架</a>
                     <a type="button" name="203"  onclick="func(this.name)">其他</a>
                </ul>
                </div>
            </li>
            <li class="show_list">
                <span>生命线工程灾情</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="331" href="/data/331" onclick="func(this.name)">交通</a>
                    <a type="button" name="332" href="/data/332" onclick="func(this.name)">供水</a>
                    <a type="button" name="333" href="/data/333" onclick="func(this.name)">输油</a>
                    <a type="button" name="334" href="/data/334" onclick="func(this.name)">燃气</a>
                    <a type="button" name="335" href="/data/335" onclick="func(this.name)">电力</a>
                     <a type="button" name="336" href="/data/336" onclick="func(this.name)">通信</a>
                     <a type="button" name="337" href="/data/337" onclick="func(this.name)">水利</a>
                </ul>
                </div>
            </li>
            <li class="show_list">
                <span>次生灾害</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="401"  onclick="func(this.name)">崩塌</a>
                    <a type="button" name="402"  onclick="func(this.name)">滑坡</a>
                     <a type="button" name="203"  onclick="func(this.name)">泥石流</a>
                     <a type="button" name="203"  onclick="func(this.name)">岩溶塌陷</a>
                     <a type="button" name="203"  onclick="func(this.name)">地裂缝</a>
                     <a type="button" name="203"  onclick="func(this.name)">地面沉降</a>
                     <a type="button" name="203"  onclick="func(this.name)">其他</a>
                </ul>
                </div>
            </li>
            <li class="show_list" id="showList2">
                <span>震情</span>
                <div style="position: absolute;z-index: 999">
                <ul class="move_list">
                    <a type="button" name="101"  onclick="func(this.name)">基本</a>
                    <a type="button" name="102"  onclick="func(this.name)">灾情预测</a>
                </ul>
                </div>
            </li>
        </ul>
    </div>
</header>
<mainBody class="mainBody">
    <div class="wrap">
        <div id="left" style="margin-left:180px;">
            <form class="form-horizontal" method="POST" action="/upload_file/" enctype="multipart/form-data">
                   <div class="file-box">
                                <label class="file-btn" for="inputFile">上传json文件</label>
                            <input type="file" name="myFile" id="inputFile" accept=".json" style="position:absolute;clip:rect(0 0 0 0);">
                   </div>

                   <p><select name="types">
                                <option value="101">业务报送数据-公网</option>
                                <option value="102">业务报送数据-北斗短报文</option>
                                <option value="103">业务报送数据-卫星通讯</option>
                                <option value="104">业务报送数据-卫星定位</option>
                                <option value="105">业务报送数据-专用救灾</option>
                                <option value="106">业务报送数据-其他</option>
                                <option value="201">泛在感知数据-互联网</option>
                                <option value="202">泛在感知数据-通信网</option>
                                <option value="203">泛在感知数据-电网</option>
                                <option value="204">泛在感知数据-其他</option>
                                <option value="301">舆情感知数据-微博</option>
                                <option value="302">舆情感知数据-博客</option>
                                <option value="303">舆情感知数据-论坛</option>
                                <option value="304">舆情感知数据-微信</option>
                                <option value="304">舆情感知数据-其他</option>
                                <option value="401">承载体基础数据-川滇</option>
                                <option value="402">承载体基础数据-其他</option>
                            </select></p>
                            <button class="submit_btn" type="submit" class="btn">提交</button>
                </form>
                <form class="form-horizontal" method="POST" action="/status.html/" enctype="multipart/form-data">
                    {% csrf_token %}
                    <button class="submit_btn" type="submit" class="btn">查看请求信息</button>
                </form>
                <form class="form-horizontal" method="GET" action="/download_instructions" enctype="multipart/form-data">
                    {% csrf_token %}
                    <button class="submit_btn" type="submit" class="btn" onclick="window.location.href='/download_instructions' ">下载使用说明书</button>
                </form>
        </div>
        <div id="right" style="position: fixed;right: 100px;top: 80px">
            <!--style="float:left;margin-left: 800px;margin-top: 80px"-->
            <form class="form-horizontal" method="POST" action="/request/" enctype="multipart/form-data">
                    数据ID: <input type="text" name="code" value="3701000000000336455" style="margin-bottom: 10px"><br>
                    数据类型: <input type="text" name="disasterType" value="336" style="margin-bottom: 10px"><br>
                    接收方URL: <input type="text" name="o_url" value="10.3.8.211" style="margin-bottom: 10px"><br>
                    接收单位: <input type="text" name="requestUnit" value="北京邮电大学" style="margin-bottom: 10px"><br>
                    {% csrf_token %}
                    <button class="submit_btn" type="submit" class="btn">申请数据</button>
            </form>
        </div>
    </div>
</mainBody>

</body>
</html>
